<link rel="stylesheet" href="code/css/common.css">
<link rel="stylesheet" href="code/css/index.css">
<style>
    .col-sm-5 {
        width: 100%;
    }
    .layui-layer-content{
        background-color: #393D49;
        color: #fff;
    }
    #wrapper{
        background-color: #F3F3F5;
    }
</style>
<div>
    <script>
        $('.left').append('<div class="modal"></div>')
    </script>
    <style>
        .up_load{
            width: 100%;
            display: -webkit-box;
            padding-top: 20px;
        }
        .up_load li{
            -webkit-box-flex: 1;
        }
        .up_load li img{
            width: 100px;
        }
        .upfilebox {
            position: relative;
        }
        .upfilebox input {
            width: 100px;
            height: 45px;
            position: relative;
            z-index: 9;
            opacity: 0;
        }
        .upfilebox label {
            position: absolute;
            display: inline-block;
            color: #fff;
            width: 125px;
            height: 45px;
            line-height: 36px;
            text-align: center;
            top: 0px;
            left: 0px;
            font-size: 16px;
            border-radius: 3px;
        }
        .layui-layer-content{
            background-color: #393D49;
            color: #fff;
        }
        .layui-layer-content img{
           width: 100%;
            height: auto;
        }
        .layui-layer-title{
            display: none;
        }

    </style>
    <div class="content_title">
        <span>视频管理>>{{msg}}</span>
        <button ng-show="showBack" class="common_btn cancel" ng-click="cancel()">返回</button>
    </div>

    <div class="ad_content">
        <table class="table video_add_table">
            <tr>
                <td>
                    <h5>图片:</h5>
                </td>
                <td id="video_col_icon">
                    <ul class="up_load">
                       <li>
                           <div class="upfilebox">
                               <input type="file"  id="upload_video_icon" accept="image/jpeg,image/png,image/gif"/>
                               <!--<label >上传图片</label>-->
                               <label class="btn btn-success " type="button"><i class="fa fa-upload"></i>&nbsp;&nbsp;<span class="bold">上传图片</span>
                               </label>
                           </div>
                       </li>
                       <li>
                           <img src="{{data.icon}}" alt="" ng-show="data.icon" ng-click="showPhotos(data.icon)">
                       </li>
                    </ul>
                    <P class="redStar">710*400</P>
                </td>
            </tr>

            <tr>
                <td>
                    <i class="redStar">*</i>
                    <h5>标题:</h5>
                </td>
                <td>
                    <input type="text" class="common_input" ng-model="data.title">
                </td>
            </tr>

            <tr>
                <td><h5>UP主:</h5></td>
                <td>
                    <input type="text"
                           onkeyup="(this.v=function(){this.value=this.value.replace(/[^0-9-]+/,'');}).call(this)"
                           onblur="this.v();" class="id_input" ng-model="data.authorId">
                </td>
            </tr>

            <tr>
                <td><h5>简介:</h5></td>
                <td>
                    <textarea name="" id="" cols="30" rows="10" ng-model="data.summary"></textarea>
                </td>
            </tr>

            <tr>
                <td>
                    <i class="redStar">*</i>
                    <h5>链接:</h5>
                </td>
                <td>
                    <input type="text" class="common_input" ng-model="data.link">
                </td>
            </tr>

            <tr>
                <td><h5>视频时长:</h5></td>
                <td>
                    <input type="number" min="0" max="59" class="num_input" id="video_one"> -
                    <input type="number" min="0" max="59" class="num_input" id="video_two"> -
                    <input type="number" min="0" max="59" class="num_input" id="video_three">
                </td>
            </tr>

            <tr>
                <td>
                    <i class="redStar">*</i>
                    <h5>视频归属:</h5>
                </td>
                <td>
                    <select class="select" ng-click="typeChange(this)" id="video_type1" ng-model="select1"
                            ng-options="s.name for s in list">
                        <option value=""></option>
                    </select>
                    <select class="select" name="" id="video_type2" ng-model="select2"
                            ng-options="s.name for s in select1.child">
                        <option value=""></option>
                    </select>
                    <select class="select" id="video_type3" ng-model="select3"
                            ng-options="s.value for s in select2.child">
                        <option value=""></option>
                    </select>
                </td>
            </tr>
            <tr>
                <td><H5>外显时间:</H5></td>
                <td>
                    <div class="form-group">
                        <input id="video_releaseTime"   class="form-control layer-date" placeholder="外显时间"onclick="laydate({istime: true, format: 'YYYY-MM-DD hh:mm:ss'})">
                    </div>
                </td>
            </tr>

            <tr>
                <td><H5>排序值:</H5></td>
                <td>
                    <input type="number" class="id_input" ng-model="data.weight">
                </td>
            </tr>

            <tr>
                <td>
                    <i class="redStar">*</i>
                    <H5>是否显示:</H5>
                </td>
                <td>
                    <input type="radio" name="videoAddType" value="0" id="videoAddType1" checked>
                    <label for="videoAddType1" class="common_label">显示</label>

                    <input type="radio" name="videoAddType" value="1" id="videoAddType2">
                    <label for="videoAddType2" class="common_label">隐藏</label>
                </td>
            </tr>
        </table>

        <div class="preserveCancel">
            <button class="preserve_btn" ng-click="videoPost()">保存</button>
            <button class="cancel_btn" ng-click="videoCancel()">取消</button>
        </div>
    </div>
</div>
<!--<div class="col-sm-5">-->
    <!--<div class="ibox float-e-margins">-->
        <!--<div class="ibox-title">-->
            <!--<h5>视频管理>>{{msg}} <button type="button" class="btn btn-primary btn-sm">返回</button></h5>-->
            <!--<div class="ibox-tools">-->
                <!--<a class="collapse-link">-->
                    <!--<i class="fa fa-chevron-up"></i>-->
                <!--</a>-->
                <!--<a class="dropdown-toggle" data-toggle="dropdown" href="form_editors.html#">-->
                    <!--<i class="fa fa-wrench"></i>-->
                <!--</a>-->
                <!--<ul class="dropdown-menu dropdown-user">-->
                    <!--<li><a href="form_editors.html#">选项1</a>-->
                    <!--</li>-->
                    <!--<li><a href="form_editors.html#">选项2</a>-->
                    <!--</li>-->
                <!--</ul>-->
                <!--<a class="close-link">-->
                    <!--<i class="fa fa-times"></i>-->
                <!--</a>-->
            <!--</div>-->
        <!--</div>-->
        <!--<div class="ibox-content">-->
            <!--<div class="alert alert-info">-->
                <!--拖拽左侧的表单元素到右侧区域，即可生成相应的HTML代码，表单代码，轻松搞定！-->
            <!--</div>-->
            <!--<form role="form" class="form-horizontal m-t">-->
                <!--<div class="form-group draggable ui-draggable">-->
                    <!--<label class="col-sm-3 control-label">图片：</label>-->
                    <!--<div class="col-sm-9">-->
                        <!--<input type="file" name="" class="form-control">-->
                        <!--<span class="help-block m-b-none">710*400</span>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="form-group draggable ui-draggable">-->
                    <!--<label class="col-sm-3 control-label">密码框：</label>-->
                    <!--<div class="col-sm-9">-->
                        <!--<input type="password" class="form-control" name="password" placeholder="请输入密码">-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="form-group draggable ui-draggable">-->
                    <!--<label class="col-sm-3 control-label">下拉列表：</label>-->
                    <!--<div class="col-sm-9">-->
                        <!--<select class="form-control" name="">-->
                            <!--<option>选项 1</option>-->
                            <!--<option>选项 2</option>-->
                            <!--<option>选项 3</option>-->
                            <!--<option>选项 4</option>-->
                        <!--</select>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="form-group draggable ui-draggable">-->
                    <!--<label class="col-sm-3 control-label">文件域：</label>-->
                    <!--<div class="col-sm-9">-->
                        <!--<input type="file" name="" class="form-control">-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="form-group draggable ui-draggable">-->
                    <!--<label class="col-sm-3 control-label">纯文本：</label>-->

                    <!--<div class="col-sm-9">-->
                        <!--<p class="form-control-static">这里是纯文字信息</p>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="form-group draggable ui-draggable">-->
                    <!--<label class="col-sm-3 control-label">单选框：-->
                    <!--</label>-->

                    <!--<div class="col-sm-9">-->
                        <!--<label class="radio-inline">-->
                            <!--<input type="radio" checked="" value="option1" id="optionsRadios1" name="optionsRadios">选项1</label>-->
                        <!--<label class="radio-inline">-->
                            <!--<input type="radio" value="option2" id="optionsRadios2" name="optionsRadios">选项2</label>-->

                    <!--</div>-->
                <!--</div>-->
                <!--<div class="form-group draggable ui-draggable">-->
                    <!--<label class="col-sm-3 control-label">复选框：</label>-->

                    <!--<div class="col-sm-9">-->
                        <!--<label class="checkbox-inline">-->
                            <!--<input type="checkbox" value="option1" id="inlineCheckbox1">选项1</label>-->
                        <!--<label class="checkbox-inline">-->
                            <!--<input type="checkbox" value="option2" id="inlineCheckbox2">选项2</label>-->
                        <!--<label class="checkbox-inline">-->
                            <!--<input type="checkbox" value="option3" id="inlineCheckbox3">选项3</label>-->
                    <!--</div>-->
                <!--</div>-->
                <!--<div class="hr-line-dashed"></div>-->
                <!--<div class="form-group draggable ui-draggable">-->
                    <!--<div class="col-sm-12 col-sm-offset-3">-->
                        <!--<button class="btn btn-primary" type="submit">保存内容</button>-->
                        <!--<button class="btn btn-white" type="submit">取消</button>-->
                    <!--</div>-->
                <!--</div>-->
            <!--</form>-->
            <!--<div class="clearfix"></div>-->
        <!--</div>-->
    <!--</div>-->
<!--</div>-->